.icon{
    display: inline-block;
    width: 30px;
    height: 30px; 
    margin-top: 10px;
    background-image: url('./img/common.png'); 
}

.r1{
    background-position: -118px -382px;
} 
.r2{
    background-position: -60px -445px;
}
.icon-d{
    display: inline-block;
    width: 50px;
    height: 50px;
    opacity: 1;
    position: absolute;
    margin-left: 130px;
    background-image: url('./img/common.png'); 
}
.r3{
    background-position: 0px -60px;
    float: left;
}
.r6{
    background-position: -60px -60px;
    float: left;
}
.icon-img{
   display: inline-block;
   width: 60px;
   height: 60px;
   position: absolute;
   margin-left: 10px;
   z-index: 1; 
   background-image: url('./img/common.png');
}
.r4{
    background-position: 0 0;
}


.icon-qq{
    display: inline-block;
    width: 35px;
    height: 30px; 
    background-image: url('./img/common.png'); 
}
.r5{
    background-position: 0px -175px;
}
.icon-choice{
    display: inline-block;
    width: 30px;
    height: 30px; 
    float: left;
    background-image: url('./img/common.png'); 
}
.r7{
    background-position: -95px -411px;
}
.r8{
    background-position: -126px -412px;
}